<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>努比亚手机-官方网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="styles/base.css" />
    <link rel="stylesheet" href="styles/iconfont.css" />
    <link rel="stylesheet" href="styles/back-to-top.css">
    <link rel="stylesheet" href="styles/photo-neovision.css">
    <script src="js/myTools.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
</head>
<body>
    <!--头部区域-->
    <header class="header">
            <div class="header-wrapper">
                <h1 id="logo">
                    <a href="index.html" title="努比亚">努比亚</a>
                </h1>
                <nav id="nav">
                    <ul class="nav-login">
                        <li><a href="./login.html" target="_blank">登陆</a></li>
                        <li><a href="./register.html">注册</a></li>
                        <li><a href="login.html"></a></li>
                    </ul>
                    <ul class="nav-main">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="shop.html">商城</a></li>
                        <li class="nav-main-phones">
                            <a href="#">
                                手机
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-parts">
                            <a href="#">配件
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="parts-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-photos">
                            <a href="#">摄影
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper4">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="photo-show-list">
                
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li><a href="./service.html">服务</a></li>
                        <li><a href="./experience.html">体验店</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </nav>
            </div>
    </header>

    <!-- banner01 -->
    <div class="banner01-bg">       
    </div>

    <!-- banner02 -->
    <div class="banner02-bg">
        <div class="banner02-content">
            <h2>随手拍出好照片，简单，快捷。</h2>
            <p>
                努比亚的NeoVision影像引擎，轻松实现专业相机才有的摄影功能。随手拍出好照片，才是便捷的第一步， NeoVision为了满足不同用户对摄影的需求，除了最常用的按下快门即拍照的普通拍照模式外，对专业摄影用户更是开放了专业的摄影模式，同时也针对更爱创造的手机用户带来了丰富有趣的相机家族。
            </p>
        </div>
    </div>

    <!-- banner03 -->
    <div class="banner03-bg">
        <div class="banner03-wrapper">
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero3.jpg" />
            <div class="banner03-desc">
                <h2>操作更简单 功能更易用</h2>
                <p>
                    NeoVision秉承努比亚“极简”、“有机”的设计理念，从打开相机的一瞬间起，即可专注于摄影，避免繁杂的设计打扰你的摄影创作视野。 努比亚将照片、视频、人像、专业、相机家族等常用的摄影模式，设计在NeoVision的一级界面，让所有手机摄影用户一旦启动相机功能，即可使用最常用的模式。在不同模式间的切换也仅需一步，随时随地开启手机摄影之旅。
                </p>
            </div>
        </div>
    </div>

    <!-- banner04 -->
    <div class="banner04-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc">
                <h2>专业模式 所见即所得</h2>
                <p>
                    想要拍出记录片般的震撼大片？努比亚手机摄影，将光圈调节、ISO调节、白平衡调节、焦距调节等专业摄影选项集成于“专业”模式。结合努比亚倡导的“所见即所得”的手机摄影理念，不仅让手机实现专业单反的功能，按下快门前还可以对所拍摄的场景进行预览。
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero4b.png" />
        </div>
    </div>

    <!-- banner05 -->
    <div class="banner05-bg">
        <div class="banner05-wrapper">
            <h2>相机家族 随手趣拍 让摄影变得更有趣</h2>
            <p>
                    向你的好友秀秀你与众不同的照片吧！努比亚带来更丰富有趣的手机摄影体验，无论是“一个人的乐队”， 亦或是“家门口的时光隧道”，统统集合于NeoVision特有的“相机家族”中，更多功能将逐步开放各种手机摄影功能场景。
            </p>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero5b.png" />
        </div>
    </div>

    <!-- banner06 -->
    <div class="banner06-bg">
        <div class="banner06-wrapper">
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero6.png" />
            <div class="banner06-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero6b.png" />
                    <p>电子光圈<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>电子光圈3.0 <span>NEW</span> 更出色 · 更清晰</h2>
                    <p>
                        电子光圈，可以轻松记录云彩轨迹，以及拍摄水流雾化效果，更多创意作品，随手可得。
                        通过调整电子光圈值进行长时间曝光，能够拍出极致动感的景色。 
                        电子光圈3.0在早前版本的基础上，画质提升至4倍，曝光时长更是延长至73秒。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner07 -->
    <div class="banner06-bg banner07-bg">
        <div class="banner06-wrapper">
            <img
                class="banner07-left-img" 
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero7.png" />
            <div class="banner06-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero7b.png" />
                    <p>双摄像变焦<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>无损变焦 <span>NEW</span> · 视界尽收眼底</h2>
                    <p>
                        更清晰的记录远处的风景，除了好的硬件画质，更需要好的变焦软件。
                        NeoVision更是将双摄像头的功能发挥到极致，两个摄像头加入新的变焦算法，带来了全新的无损变焦体验。
                        即使放大至2倍，画质也如一倍般清晰。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner08 -->
    <div class="banner08-bg">
        <div class="banner08-left">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero8.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero8b.png" />
                    <p>光绘相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>记录空间 · 记录时间</h2>
                    <p>
                        努比亚的光绘相机一直深受广大用户喜爱，满足大家创意摄影的喜好，
                        通过手持描绘或其他移动的光源拍摄，可实时记录光轨移动的过程，
                        形成一张静态的光线摄影作品，同时还生成一段小视频，随时随地分享自己最得意的作品。
                    </p>
                </div>
            </div>
        </div>
        <div class="banner08-left banner08-right">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero9.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero9b.png" />
                    <p>慢门相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>光如流水 · 发掘不一样的夜景</h2>
                    <p>
                        通过慢门相机，在暗光下延长曝光时间，能够拍摄出清晰震撼的车水马龙般的夜景效果。
                        不仅如此，通过慢门相机可以将闪电轻松记录下来。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner09 -->
    <div class="banner08-bg banner09-bg">
        <div class="banner08-left banner09-left">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero10.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero10b.png" />
                    <p>微距相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>微观世界 · 随手可见</h2>
                    <p>
                        当我们去展望这个世界的时候，除了遥不可及的浩瀚星空，也有近在咫尺的细微的美景，平时很难看得清，错失过很多的美好。
                        十分细小的物体，如花卉及昆虫等，甚至肉眼无法察觉的微观世界，在微距相机下也一览无遗。
                        面对只有专业微距镜头才可以做到的极近距离的对焦，NeoVision的微距相机同样也可以做到。
                    </p>
                </div>
            </div>
        </div>
        <div class="banner08-left banner08-right banner09-right">
            <img 
                class="banner08-left-img banner09-right-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero11.png" />
            <div class="banner06-desc banner08-desc banner09-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero11b.png" />
                    <p>克隆相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>一个人的乐队 · 一个人多彩世界</h2>
                    <p>
                        同一个场景里，摆不同的表情，扮不同的鬼脸，仔细一看，都是同一个人。
                        克隆相机是一款极具趣味的拍摄模式。
                        通过连拍将移动的人、物克隆在同一个场景中，轻松实现充满创意的图像。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner10 -->
    <div class="banner08-bg banner10-bg">
        <div class="banner08-left">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero12.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero12b.png" />
                    <p>立体相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>立体相机 · 面面俱到</h2>
                    <p>
                        通过立体相机将多视角照片和动态结合成可互动的立体动画图像。
                        拍摄完成后，转动手机即可从不同角度观看立体效果或全景效果图像。
                    </p>
                </div>
            </div>
        </div>
        <div class="banner08-left banner08-right">
            <div class="banner10-right-img-wrapper">
                <img 
                    class="banner08-left-img banner10-right-img"
                    src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero13.png" />
            </div>
            <div class="banner06-desc banner08-desc banner09-desc banner10-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero13b.png" />
                    <p>全景相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>全景相机 · 一览无遗</h2>
                    <p>
                        通过全景相机，把眼前无尽的景象一览无余地记录到照片中，拥有更"完整"景色。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner11 -->
    <div class="banner08-bg">
        <div class="banner08-left banner11-left">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero14.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero14b.png" />
                    <p>DNG相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>DNG相机 · 更专业的摄影态度</h2>
                    <p>
                        DNG是一种主流的原始图像存档格式。
                        保留了丰富的原始图像信息，DNG格式的图像拥有更大范围的后期处理空间，
                        同时它提供了更好的图像质量。
                    </p>
                </div>
            </div>
        </div>
        <div class="banner08-left banner08-right banner11-right">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero15.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero15b.png" />
                    <p>时光相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>时光相机 · 无限的想像与创意</h2>
                    <p>
                        时光相机是一种极具创意的拍摄模式，
                        选择扩散虚化效果将会使主体清晰背景呈现流动感，
                        选择叠加放射性效果能使照片形成较强视觉冲击力。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner12 -->
    <div class="banner08-bg banner09-bg banner12-bg">
        <div class="banner08-left banner09-left banner12-left">
            <img 
                class="banner08-left-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero16.png" />
            <div class="banner06-desc banner08-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero16b.png" />
                    <p>星轨相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>繁星点点 · 近在眼前</h2>
                    <p>
                        通过NeoVision的星轨相机功能，
                        轻松拍摄出清晰明亮的星空，通过长时间曝光，
                        记录下天空中所有壮丽的星宿。
                    </p>
                </div>
            </div>
        </div>
        <div class="banner08-left banner08-right banner09-right banner12-right">
            <img 
                class="banner08-left-img banner09-right-img banner12-right-img"
                src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero17.png" />
            <div class="banner06-desc banner08-desc banner09-desc">
                <div class="banner06-icon">
                    <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero17b.png" />
                    <p>黑白相机<span>℗</span></p>
                </div>
                <div class="banner06-content">
                    <h2>黑白相机 · 更具艺术的摄影</h2>
                    <p>
                        使用双摄像头产品的自身特色，通过MONO Sensor拍出更有冲击力的黑白照片，
                        使得照片更有意境。用“黑白相机”直接拍出原画质，
                        相比于后期编辑得到的黑白照片，画质更清晰，画面更通透，照片更有张力。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- banner13 -->
    <div class="banner04-bg banner13-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc">
                <h2>延时摄影 轻松记录时间与空间</h2>
                <p>
                    通过延时摄影拍摄出来的是一组照片并生成视频，
                    把几分钟、几小时甚至是几天几年的过程压缩在一个较短的时间内以视频的方式播放，
                    捕捉出来的不仅仅是照片里的画面，更是将时间也记录下来，
                    呈现出平时用肉眼无法察觉的奇异精彩的景象。
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero18b.png" />
        </div>
    </div>

    <!-- banner14 -->
    <div class="banner04-bg banner13-bg banner14-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc">
                <h2>人像美颜 你是更美的焦点</h2>
                <p>
                    在双摄像头的手机上，NeoVision还可以拍出F1.0-F16.0的多种不同景深效果的照片。
                    在景深效果的加持下，主体清晰更突出， 背景虚化更有意境，用于拍摄人像是最理想的摄影体验。 
                    在NeoVision的人像模式里，不仅实现背景虚化的人像模式，更创新的在景深人像下，可以开启不同等级的美颜效果。从此，你才是唯一的焦点！
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero19b.png" />
        </div>
    </div>

    <!-- banner15 -->
    <div class="banner04-bg banner13-bg banner15-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc">
                <h2>全局实时滤镜</h2>
                <p>
                    通过努比亚的相机，不仅能拍出电影、LOMO、移轴等多种特效滤镜，
                    而且还可以在视频录制上实现各种特效滤镜。
                    滤镜效果实时显示在屏幕上，免去后期繁琐编辑，轻松拍出趣味小短片，
                    让朋友们对你刮目相看。
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero20b.png" />
        </div>
    </div>

    <!-- banner16 -->
    <div class="banner04-bg banner13-bg banner16-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc banner16-desc">
                <h2>专利加持 手机摄影黑科技</h2>
                <p>
                    截止至2017年3月，努比亚在手机摄影所得到的专利累计达742件。 
                    手持防抖：电子光圈、克隆相机等需要长曝光或多次曝光的场景下，可手持操作，减少对三角架的依赖。 
                    3D降噪：减少弱光下成像的噪点，随时随地拍出画质清晰的照片。 
                    3D美颜：双摄像头产品下，更精准的识别人物轮廓，在人像模式下将人物与背景进行分别运算。
                </p>
            </div>
        </div>
    </div>

    <!-- banner17 -->
    <div class="banner04-bg banner13-bg banner17-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc banner17-desc">
                <h2>知你心意的自拍相机 生活更写意</h2>
                <p>
                    使用NeoVision自拍时，所见即所得的调整美白、肤质、瘦脸、特效效果，
                    省去成片后的反复修改，让自拍变的更加有乐趣。
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero22b.png" />
        </div>
    </div>

    <!-- banner18 -->
    <div class="banner04-bg banner13-bg banner18-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc banner18-desc">
                <h2>连拍优选 捕捉最美时刻</h2>
                <p>
                    NeoVision具有连拍优选功能，按动一次快门即可连拍十张照片，
                    不需要反复浪费表情，反复按下快门和挑选。
                    使用NeoVision自拍，拍下的不是一瞬间，而是拍下的一段时间，
                    从一段时间中，轻松筛选最美瞬间。
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero23b.png" />
        </div>
    </div>

    <!-- banner19 -->
    <div class="banner04-bg banner13-bg banner18-bg banner19-bg">
        <div class="banner04-wrapper">
            <div class="banner04-desc banner18-desc">
                <h2>8 种自拍实时美肤滤镜</h2>
                <p>
                    全新升级的实时滤镜功能，在镜头开启后提供 8 种实时美肤滤镜，
                    按下快门前就可选择您需要的滤镜效果，
                    所见即所得，无需后期，创作效果随心掌控，绚丽作品实时展现。
                </p>
            </div>
            <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-hero24b.png" />
        </div>
    </div>

    <!-- 了解摄影长廊 -->
    <figure class="about-photography">
        <div class="move-mask"></div>
        <div class="img-mask"></div>
        <img src="https://static.nubia.cn/gallery/img/neovision7/NeoVision-final.jpg" />
        <figcaption>
            <a href="./photo-gallery.html"><span>了解努比亚</span>摄影长廊 ></a>
        </figcaption>
    </figure>



    
    <!-- 回到顶部 -->
    <div class="back-to-top">
            <ul>
                <li>
                    <a href="#" title="在线客服">
                        <i class="iconfont">&#xe605;</i>
                    </a>
                </li>
                <li class="back-to-top-second-item">
                    <a href="javascript:">
                        <i class="iconfont">&#xe663;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe65b;</i>
                    </a>
                </li>
            </ul>
            <div class="app-download-img">
                <img src="http://oss.static.nubia.cn/upload/5a025bb45ab694.png" />
                <div class="app-img-guide"></div>
                <div class="app-img-guide-in"></div>
            </div>
    </div>
        
    <!--底部区域-->
    <footer class="footer">
            <div class="footer-wrapper">
                <div class="footer-title">
                    <img src="images/nb-pro-ft-logo-x2.jpg" />
                    <a href="./phone-list.html"><span>&gt;全部机型</span></a>
                </div>
                <div class="footer-content-wrapper">
                    <div>
                        <h5>Z系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia Z11</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 Max</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 mini</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>M系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia 布拉格S</a></li>
                            <li><a href="./phone-summary.html">nubia My 布拉格</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>配件</h5>
                        <ul>
                            <li><a href="./parts.html">保护壳</a></li>
                            <li><a href="./parts.html">贴膜</a></li>
                            <li><a href="./parts.html">皮套</a></li>
                            <li><a href="./parts.html">耳机</a></li>
                            <li><a href="./parts.html">数据线/充电器</a></li>
                            <li><a href="./parts.html">周边产品</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-message">
                    <ul>
                        <li><a href="javascript:">关于我们</a></li>
                        <li><a href="javascript:">联系我们</a></li>
                        <li><a href="javascript:">新闻中心</a></li>
                        <li><a href="javascript:">加入我们</a></li>
                        <li><a href="javascript:">合作注册</a></li>
                        <li><a href="javascript:">公益</a></li>
                        <li><a href="javascript:">以旧换新</a></li>
                        <li><a href="javascript:">问题反馈</a></li>
                        <li><a href="javascript:">简体中文</a></li>
                    </ul>
                    <div>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <span>服务热线：400-700-6600</span>
                    </div>
                    <p>
                        <span>2012-2017 努比亚技术有限公司 版权所有</span>
                        <a href="#"> 粤ICP备10006213号-2</a>
                        <img src="images/gs.jpg" />
                        <span>深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688 </span>
                        <img src="images/gh.png" />
                        <a href="#"> 粤公网安备 44030502000309号</a>
                    </p>
                </div>
            </div>
    </footer>

    <!-- Swiper -->
    <script>       
        var swiper2 = new Swiper('.swiper2',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper3',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper4',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',
        });
    </script>

    <script src="js/back-to-top.js"></script>
    <script src="js/nav-second.js"></script>
    <script src="js/photo-neovision.js"></script>
</body>
</html>